<div class="navbar-default sidebar" role="navigation">
    <div class="sidebar-nav navbar-collapse">
        <ul class="nav" id="side-menu">
            <li class="sidebar-search">
                <div class="input-group custom-search-form">
                    <input type="text" class="form-control" placeholder="Search...">
                    <span class="input-group-btn">
                    <button class="btn btn-default" type="button">
                        <i class="fa fa-search"></i>
                    </button>
                </span>
                </div>
                <!-- /input-group -->
            </li>
            <foreach name="nav" item="vo">
                <empty name="vo.next_level">
                    <li>
                        <a href="{$vo.link}"><i class="fa {$vo.icon} fa-fw"></i>{$vo.name}</a>
                    </li>
                </empty>
                <notempty name="vo.next_level">
                    <li>
                        <a href="#"><i class="fa {$vo.icon} fa-fw"></i>{$vo.name}<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level collapse">
                            <foreach name="vo.next_level" item="vo1">
                                <empty name="vo1.next_level">
                                    <li>
                                        <a href="{$vo1.link}">{$vo1.name}</a>
                                    </li>
                                </empty>
                                <notempty name="vo1.next_level">
                                    <li>
                                        <a href="#"><i class="fa {$vo1.icon} fa-fw"></i>{$vo1.name}<span class="fa arrow"></span></a>
                                        <ul class="nav nav-third-level collapse">
                                            <foreach name="vo1.next_level" item="vo2">
                                                <li>
                                                    <a href="{$vo2.link}">{$vo2.name}</a>
                                                </li>
                                            </foreach>
                                        </ul>
                                        <!-- /.nav-third-level -->
                                    </li>
                                </notempty>
                            </foreach>
                        </ul>
                        <!-- /.nav-second-level -->
                    </li>
                </notempty>
            </foreach>
        </ul>
    </div>
    <!-- /.sidebar-collapse -->
</div>